<template>
  <div class="icon">
    <svg :style="{width:width,height:height}">
        <use :xlink:href="prefix + iconName" :full="color"></use>
    </svg>
  </div>
</template>

<script setup lang="ts">
defineProps({
    prefix:{
        type:String,
        default:"#icon-",
        require:false
    },
    iconName:{
        type:String
    },
    color:{
        type:String,
        default:"",
        require:false
    },
    width:{
        type:String,
        default:'16px',
        require:false
    },
    height:{
        type:String,
        default:"16px",
        require:false
    }
})

</script>